<template>
	<view>
		<view class="head">
			<view class="head_left" @tap="back()">
				<image src="../../../static/wode/return.png" mode=""></image>
				<text>返回</text>
			</view>
			<view class="head_mid">
				新消息通知
			</view>
			<view class="head_right">
				
			</view>
		</view>
		<view class="body">
			<view class="body_item">
				<text>新消息通知</text>
				<switch :checked="indicatorDots"/>
			</view>
			<view class="body_item">
				<text>通知显示消息详情</text>
				<switch :checked="indicatorDots"/>
			</view>
		</view>
		<view class="body">
			<view class="body_item">
				<text>声音提醒</text>
				<switch :checked="indicatorDots"/>
			</view>
			<view class="body_item">
				<text>震动提醒</text>
				<switch :checked="indicatorDots"/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			back() { //返回
				uni.navigateBack({
					delta: 1
				})
			},
		},
	}
</script>

<style scoped>
.head {
			width: 100%;
			display: flex;
			justify-content: space-between;
			height: 162upx;
			background: #ffffff;
			padding: 0 24upx;
			z-index: 200;
		}
	
		.head image {
			width: 20upx;
			height: 36upx;
			margin-right: 9upx;
		}
	
		.head_left {
			height: 82upx;
			width: 106upx;
			display: flex;
			align-items: center;
			line-height: 82upx;
			color: #666666;
			font-size: 32upx;
			padding-top: 70upx;
		}
		.head_mid{
			padding-top: 90upx;
		}
		.head_right{
			width: 106upx;
		}
	.body{
		background: #ffffff;
		font-size: 32upx;
		margin-top: 20upx;
	}
	.body_item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1upx solid #E6E6E6;
		padding: 24upx 24upx;
	}
</style>
